<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">-->
    <title>Title</title>
</head>
<link href="http://www.jq22.com/jquery/bootstrap-3.3.4.css" rel="stylesheet">
<!--[if IE]>
<script src="http://libs.baidu.com/html5shiv/3.7/html5shiv.min.js"></script>
<![endif]-->
<body>


        <form class="form-inline">
            <div id="distpicker5">
                <div class="form-group">
                    <label class="sr-only" for="province10">Province</label>
                    <select class="form-control" id="province10"></select>
                </div>
                <div class="form-group">
                    <label class="sr-only" for="city10">City</label>
                    <select class="form-control" id="city10"></select>
                </div>
                <div class="form-group">
                    <label class="sr-only" for="district10">District</label>
                    <select class="form-control" id="district10"></select>
                </div>
            </div>
        </form>

</body>

<script src="http://www.jq22.com/jquery/1.11.1/jquery.min.js"></script>
<script src="js/distpicker.data.js"></script>
<script src="js/distpicker.js"></script>
<script src="js/main.js"></script>
</html>